<template>
	<view class="background">
		<view class="obligor">
			<view class="img-wrap">
				<image src="../../../static/images2/wenan.png" mode=""></image>
			</view>
			<view class="btn" @click="onAdd">
				<view class="btn-ico">
					<image src="../../../static/images2/icon/icon-add.png" mode=""></image>
				</view>
				<view class="btn-txt">创建合同</view>
			</view>
		</view>
		<tabBar></tabBar>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		components: {
		},
		methods: {
			onAdd() {
				uni.navigateTo({
				  url: "/pages/loanee/mayDebt/launch",
				})
			}
		},
		mounted() {
			
		},
		watch: {

		},
		onShow() {
			
		},
		onUnload() {
		},
		computed: {
			
		},
		onPullDownRefresh() {
			
		},
		onReachBottom() {
			
		},
		onPageScroll(e) {
			
		}
	}
</script>

<style scoped lang='scss'>
	.background {
		background: linear-gradient(180deg, #2F76E6 0%, #9CC2FE 31%, #D1E6FC 100%);
		min-height: 100%;
	}
	.obligor {
		width: 100%;
		padding: 0px;
		overflow-y: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
	}
	
	.img-wrap {
		height: 1086rpx;
		width: 100%;
		
		uni-image {
			width: 100%;
			height: 100%;
		}
	}
	.btn {
		width: 560rpx;
		height: 100rpx;
		background: #184990;
		box-shadow: 0px 3px 4px 0px rgba(53,96,137,0.74);
		border-radius: 50px;
		position: relative;
		top: -140rpx;
		margin: 0 auto;
		color: #FFF;
		display: flex;
		justify-content: center;
		align-items: center;
		
		&-ico {
			margin-right: 40rpx;
			width: 54rpx;
			height: 54rpx;
			
			uni-image {
				width: 100%;
				height: 100%;
			}
		}
		
		&-txt {
			
		}
	}
 
</style>
<style>
	page {
		background: #FAFAFA;
	}
</style>
